<template>
  <div class="home_footer">
    <img src="../../assets/img/home/appicon2.png" alt="" class="logo">
    <h3>有艺网，你的App圈更具艺术范儿</h3>
    <h5>海量作品 购买便捷 实景体验</h5>
    <img src="../../assets/img/home/IOSBlackDL.png" alt="" class="ios">
    <img src="../../assets/img/home/AndroidBlackDL.png" alt="" class="Android">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item :title="abc" :name="abc">
        <ul>
          <li><router-link to="/home/home_rec" class="nav">推荐</router-link></li>
          <li><router-link to="/home/home_rm" class="nav">入门收藏</router-link></li>
          <li><router-link to="/home/home_ql" class="nav">潜力收藏</router-link></li>
          <li><router-link to="/home/home_mz" class="nav">名作收藏</router-link></li>
          <li><router-link to="/home/home_jj" class="nav">艺居生活</router-link></li>
          <li>我的收藏</li>
        </ul>
      </el-collapse-item>
      <el-collapse-item :title="bcd" :name="bcd">
        <ul>
          <li>关于我们</li>
          <li>工作机会</li>
          <li>网站地图</li>
        </ul>
      </el-collapse-item>
      <el-collapse-item title="支持与帮助" name="3">
        <ul>
          <li>如何购买</li>
          <li>物流说明</li>
          <li>联系我们</li>
        </ul>
      </el-collapse-item>
      <el-collapse-item title="合作" name="4">
        <ul>
          <li>作品征集</li>
        </ul>
      </el-collapse-item>
    </el-collapse>
    <p class="h1">
      京ICP备16003461号 Copyright &copy; 2015-2020 艺网<br>
      YWART.COM 版权所有
    </p>
    <!-- <div class="box"></div> -->
  </div>
</template>
<script>
export default{
  name: '',
  data () {
    return {
      abc:'YWART.com',
      bcd:'了解艺网',
      activeNames: ['1']
    }
  },
  methods: {
    handleChange(val) {
      console.log(val);
    }
  }
}
</script>
<style scoped lang="less">
  .home_footer{
    width: 100%;
    img.logo{
      border-radius: 5px;
      display: block;
      width: 100px;
      margin: 60px auto 0;
    }
    h3{
      font-weight: normal;
      text-align: center;
      margin: 20px 0 10px;
    }
    h5{
      text-align: center;
      margin: 0;
    }
    img.ios,img.Android{
      display: block;
      height: 40px;
      margin: 10px auto;
    }
    p.h1{
      margin: 0;
      color: #999;
      font-size: 0.6em;
    }
  }
</style>